@import "../../var";
@import "../../mixin";
.gzl-toolbar {
  position: relative;
  display: flex;
  background: #fff;
  line-height: px(49);
  box-shadow: 0 px(-2) px(30) 0 rgba(0,0,0,0.05);
  text-align: center;
  color: $clr-g6;
  .icon {
    display: inline-block;
    vertical-align: top;
    margin-top: px(14);
    font-size: px(20);
    margin-right: px(4);
  }
}
.gzl-toolbar__collapse {
  position: absolute;
  display: none;
  right: px(8);
  bottom: 100%;
  padding: 0 px(20);
  line-height: px(36);
  border-radius: px(18);
  background: rgba(255,255,255,0.93);
  box-shadow: 0 px(2) px(8) 0 rgba(0,0,0,0.05);
  margin-bottom: px(8);
  font-size: 0;
  white-space: nowrap;
  a,span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-top: px(8);
    line-height: 1;
    @include clickarea;
    &:not(:last-child) {
      margin-right: px(20);
    }
  }
  .icon {
    margin: 0;
  }
  .close-collapse {
    margin-top: px(12);
    .icon {
      font-size: px(14) !important;
    }
  }
}